﻿
<html>
<head>
    <meta charset="utf-8">
    <title>上飞公司生产安全量化监测平台</title>
    <script type="text/javascript" src="~/Assets/js/jquery.js"></script>
    <script src="~/Assets/js/pages/charts/echarts.min.js"></script>

    <script type="text/javascript" src="~/Assets/js/jquery.liMarquee.js"></script>
    <script src="~/Bussiness/js/base/angular.js"></script>
    <script src="~/Bussiness/js/base/jquery.cookie.js"></script>
    <script src="~/Bussiness/js/base/angular-cookie.js"></script>

    <script src="~/Bussiness/js/libs/ng-file-upload-shim.min.js"></script>
    <script src="~/Bussiness/js/libs/ng-file-upload.min.js"></script>
    <link rel="stylesheet" href="~/Assets/css/comon1.css">
    <style>

        .eventlist li:nth-child(even) {
            background-color: rgb(8,255,255,0.1);
        }

        .l_t_line {
            width: 5px;
            height: 24px;
            left: -21px;
            top: -15px;
        }

        .t_l_line {
            height: 5px;
            width: 26px;
            left: -21px;
            top: -20px;
        }

        .t_line_box {
            position: absolute;
            width: 100%;
            height: 100%;
        }

            .t_line_box i {
                background-color: #47a8fb;
                box-shadow: 0px 0px 10px #4788fb;
                position: absolute;
            }

        .t_r_line {
            height: 5px;
            width: 26px;
            right: 11px;
            top: -21px;
        }

        .r_t_line {
            width: 5px;
            height: 24px;
            right: 11px;
            top: -17px;
        }

        .l_b_line {
            width: 5px;
            height: 24px;
            left: -21px;
            bottom: 16px;
        }

        .b_l_line {
            height: 5px;
            width: 26px;
            left: -21px;
            bottom: 11px;
        }

        .r_b_line {
            width: 5px;
            height: 24px;
            right: 10px;
            bottom: 15px;
        }

        .b_r_line {
            height: 5px;
            width: 26px;
            right: 10px;
            bottom: 10px;
        }
    </style>
</head>
<body ng-app="WebApp" ng-cloak ng-controller="MainController">
    <div style="background:#000d4a url(../../Assets/images/bg.jpg) center top;" ng-controller="SafetyIndexController" ng-init="InitIndexPage();">
        
        <div class="back"></div>
        <div class="head">
            <div class="weather"><span id="showTime"></span></div>
            <h1>上飞公司生产安全量化监测平台</h1>

        </div>
        <script>
            var t = null;
            t = setTimeout(time, 1000);/*開始运行*/
            function time() {
                clearTimeout(t);/*清除定时器*/
                dt = new Date();
                var y = dt.getFullYear();
                var mt = dt.getMonth() + 1;
                var day = dt.getDate();
                var h = dt.getHours();
                var m = dt.getMinutes();
                var s = dt.getSeconds();
                document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "日" + h + "时" + m + "分" + s + "秒";
                t = setTimeout(time, 1000);
            }

        </script>
        <div class="mainbox">
            <ul class="clearfix">
                <li>
                    <div class="boxall" style="height: 225px;">
                        <div class="t_line_box">
                            <i class="t_l_line"></i>
                            <i class="l_t_line"></i>
                        </div>
                        <!--右上边框-->
                        <div class="t_line_box">
                            <i class="t_r_line"></i>
                            <i class="r_t_line"></i>
                        </div>
                        <div class="alltitle">人员因素量化指标</div>
                        <div class="navboxall" id="echart1_2"></div>
                    </div>
                    <div class="boxall" style="height:225px;">

                        <div class="t_line_box">
                            <i class="l_b_line"></i>
                            <i class="b_l_line"></i>
                        </div>
                        <!--右下边框-->
                        <div class="t_line_box">
                            <i class="r_b_line"></i>
                            <i class="b_r_line"></i>
                        </div>
                        <div class="alltitle">分类占比</div>
                        <div class="navboxall" id="echart1_1"></div>
                    </div>

                    <div class="boxall" style="height: 225px;">
                        <div class="t_line_box">
                            <i class="t_l_line"></i>
                            <i class="l_t_line"></i>
                        </div>
                        <!--右上边框-->
                        <div class="t_line_box">
                            <i class="t_r_line"></i>
                            <i class="r_t_line"></i>
                        </div>
                        <div class="alltitle">物的因素量化指标</div>
                        <div class="navboxall" id="echart2_2"></div>
                    </div>
                    <div class="boxall" style="height: 225px;">
                        <div class="t_line_box">
                            <i class="l_b_line"></i>
                            <i class="b_l_line"></i>
                        </div>
                        <!--右下边框-->
                        <div class="t_line_box">
                            <i class="r_b_line"></i>
                            <i class="b_r_line"></i>
                        </div>
                        <div class="alltitle">分类占比</div>
                        <div class="navboxall" id="echart2_1"></div>
                    </div>

                </li>
                <li>
                    <div class="boxall" style="height:230px">
                        <div class="clearfix navboxall" style="height: 100%">
                            <div class="pulll_right num" style="width:40%;">
                                <div class="alltitle">生产安全指标</div>
                                <div class="numtxt" style="color:rgb(98,201,141,0.6); height:180px;" id="TotalScore"></div>
                            </div>
                            <div class="pulll_left zhibiao" style="width:55%;">
                                <div class="alltitle">生产安全二级指标占比</div>
                                <div class="" style="height:90%;width:49%;float:left;" id="totalchart">

                                </div>
                                <div class="" style="height: 90%; width: 49%; float: left;" id="zb0">

                                </div>
                                @*<div class="zb1"><span>人员因素</span><div id="zb1"></div></div>
        <div class="zb2"><span>物的因素</span><div id="zb2"></div></div>
        <div class="zb3"><span>环境因素</span><div id="zb3"></div></div>
        <div class="zb4"><span>管理因素</span><div id="zb4"></div></div>*@
                            </div>
                        </div>
                    </div>
                    <div class="boxall" style="height:340px">
                        <div class="alltitle">生产安全指标</div>
                        <div class="navboxall" id="echart3"></div>
                    </div>

                    <div class="boxall" style="height:350px;">
                        <div class="alltitle">触发因素</div>
                        <div class="navboxall">
                            <div class="wraptit">
                                <span>序号</span><span>二级指标</span><span>时间</span><span>扣分值</span><span>详情</span>
                            </div>
                            <div class="wrap">
                                <ul class="eventlist">
                                    <li ng-repeat="x in EventList"><p><span>{{$index+1}}</span><span>{{x.TypeName}}</span><span>{{x.EventTime|JSONDate:'MM-dd HH:mm'}}</span><span>{{x.DataValue}}</span><span>{{x.Description}}</span></p></li>
                                </ul>
                            </div>

                        </div>
                    </div>
                </li>
                <li>
                <li>

                    <div class="boxall" style="height: 225px;">
                        <div class="t_line_box">
                            <i class="t_l_line"></i>
                            <i class="l_t_line"></i>
                        </div>
                        <!--右上边框-->
                        <div class="t_line_box">
                            <i class="t_r_line"></i>
                            <i class="r_t_line"></i>
                        </div>
                        <div class="alltitle">环境因素量化指标</div>
                        <div class="navboxall" id="echart8_2"></div>
                    </div>
                    <div class="boxall" style="height:225px;">
                        <div class="t_line_box">
                            <i class="l_b_line"></i>
                            <i class="b_l_line"></i>
                        </div>
                        <!--右下边框-->
                        <div class="t_line_box">
                            <i class="r_b_line"></i>
                            <i class="b_r_line"></i>
                        </div>
                        <div class="alltitle">分类占比</div>
                        <div class="navboxall" id="echart8_1"></div>

                    </div>

                    <div class="boxall" style="height: 225px;">
                        <div class="t_line_box">
                            <i class="t_l_line"></i>
                            <i class="l_t_line"></i>
                        </div>
                        <!--右上边框-->
                        <div class="t_line_box">
                            <i class="t_r_line"></i>
                            <i class="r_t_line"></i>
                        </div>
                        <div class="alltitle">管理因素量化指标</div>
                        <div class="navboxall" id="echart9_2"></div>
                    </div>
                    <div class="boxall" style="height: 225px;">
                        <div class="t_line_box">
                            <i class="l_b_line"></i>
                            <i class="b_l_line"></i>
                        </div>
                        <!--右下边框-->
                        <div class="t_line_box">
                            <i class="r_b_line"></i>
                            <i class="b_r_line"></i>
                        </div>
                        <div class="alltitle">分类占比</div>
                        <div class="navboxall" id="echart9_1"></div>
                    </div>
                </li>
                </li>
            </ul>

        </div>
    </div>
    <script>
     
    </script>
    <script>
        $(function () {
            setTimeout(function () {
                $('.wrap').liMarquee({
                    direction: 'up',/*身上滚动*/
                    runshort: false,/*内容不足时不滚动*/
                    scrollamount: 20/*速度*/
                });

            }, 3000);
           
          
        });

    </script>

</body>
<script src="~/Bussiness/js/pg/app.js?v=@DateTime.Now.ToString("yyMMddHH")"></script>
<script src="~/Bussiness/js/pg/SafetyIndex.js?v=@DateTime.Now.ToString("yyMMddHHmm")"></script>

</html>
